<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE>
<html>
	<head>
		<meta charset="UTF-8">
		<title>房间详情</title>
		
		<!--引入jquery-->
		<script src="${pageContext.request.contextPath}/js/jquery-3.3.1.js" type="text/javascript" charset="utf-8"></script>
		<!--引入bootsrap-->
		<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/bootstrap.css"/>
		<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/bootstrap-theme.css"/>
		<script src="${pageContext.request.contextPath}/js/bootstrap.js" type="text/javascript" charset="utf-8"></script>
		<script src="${pageContext.request.contextPath}/js/npm.js" type="text/javascript" charset="utf-8"></script>
		
		<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/user/product.css"/>
	
	</head>
	<body>
		
		<!--导航条-->
		<jsp:include page="/user/header.jsp"></jsp:include>
		
		<!--商品详情-->
		<div class="container pro">
			<div class="col-md-6">
				<img class="pro-img" src="/img/${room.rImg }">
			</div>
			
			<div class="col-md-6">
				<div class="pro-name"><strong>${room.rName }</strong></div>			
				<div class="pro-price">
					现价: <strong style="color:#ef0101;">&yen;：${room.rPrice }元</strong> 
					参 考 价： <del>&yen;${room.rPrice+50 } 元</del>
				</div>
			
				<div class="pro-desc">
					<p>${product.pDesc }</p>
				</div>
			
				<div class="pro-buy">
					<div class="pro-buy-color" >详情：${room.rRemarks }</div>
	
					<form action="${pageContext.request.contextPath }/OrderServlet?action=addOrder" method="post">
						<div class="pro-buy-num">入住人数:
							<!-- 向服务端发送 入住人数-->
							<input id="quantity" name="pcount" value="1" maxlength="4" size="10" type="text">
							<!-- 向服务端发送 roomid-->
							<input type="hidden" name="roomId" value="${room.roomId }"/>							
						</div>
						<div class="form-group pro-buy-btn">
						    <button type="submit" class="btn btn-danger">立即预定</button>
						</div>
					</form>							
				</div>				
			</div>
			
		</div>
			
		<!--foot-->				
		<jsp:include page="/user/footer.jsp"></jsp:include>
			
			
	</body>
</html>
